﻿@model FOModels.ConsumerLoan.ConsumerLoanModels
@{
    ViewBag.Title = "" + Model.ConsumerLoanName + "";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var faq = (List<FOModels.ProductFAQ.ProductFAQModels>)ViewBag.FAQ;
    var TermInterest = (List<FOModels.Company.TableConsumerLoanInterestModels>)ViewBag.TermInterest;
}
<hr style="background: #bebebe; margin-left: 10px; margin-right: 10px;" />
<div class="container">
    <p class="bank-title">
        <a title="@Model.CompanyName" href="@Url.Action("TermSavingByProvider", "ConsumerLoan", new { CompanyName = FO.Models.Conver.ConvertToUnSign(Model.CompanyName).ToLower(), CompanyID = Model.CompanyID })">@Model.CompanyName</a>
        @Model.ConsumerLoanName

    </p>
    <a class="btn-detail" title="@FOResource.UI.Product.Card.lblapply1" href="@Url.Action("ConsumerLoanInfo", "ConsumerLoan", new { ConsumerLoanID = Model.ConsumerLoanID })" data-role="button" data-corners="false" data-mini="true" data-inline="true" data-icon="grid" data-theme="b">@FOResource.UI.Product.Card.lblapply1</a>
    <h4 style="text-align: left; margin-bottom: 5px;">@FOResource.UI.Layout.tableConsumerLoan</h4>
    <table data-role="table" id="table-custom-2" data-mode="" class="product-list ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b">
        <thead>
            <tr class="ui-bar-b">
                <th>@FOResource.UI.Layout.term</th>
                    <th>@FOResource.UI.CpanelLayout.interestrates VND</th>
            </tr>
        </thead>
       <tbody>

                @foreach (var t in TermInterest)
                {
                    <tr>
                        <td>
                            <p style="text-align: center;">@t.Years @FOResource.UI.Layout.years</p>
                        </td>
                       @if (t.InterestVND != 0)
                        {
                            <td>
                                <p style="text-align: center;">@t.InterestVND %</p>
                            </td>
                        }
                        else
                        {
                            <td>
                                <p style="text-align: center;">-</p>
                            </td>
                        }
                    </tr>
                }



            </tbody>
    </table>


    <div style="clear: both;"></div>
    <hr style="background: #bebebe;" />
    <div data-role="collapsible" data-theme="b" data-mini="true" data-corners="false" data-content-theme="d">
        <h4>@FOResource.UI.Layout.product_description</h4>
        <div class="bot-main">
            <div class="bottom_tabbed">
                <div class="bottom_center">
                    @Html.Raw(Model.Description)
                </div>


            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
</div>
